<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" href="../assets/css/base.css">
    <link rel="stylesheet" href="../assets/css/common.css">
</head>

<body>
    <div class="container">
        <div class="header">
            收集起来~
        </div>
        <div class="content">
            <!-- 蒙层样式 -->
            <div id="style1">
                <div style="
                position:absolute;
                left:0px;
                top:0px;
                width: 100%;
                height: 100%;
                background:rgba(0,0,0,0.4)!important;
                filter:alpha(opacity = 40);
                background:#000;
                z-index:1000;">
                </div>
            </div>
        </div>
    </div>

    <script>

    </script>
</body>

<style>
    /* 样式集合：https://mp.weixin.qq.com/s/gRPjCtc6vIikpz01nFJrQA */
    .container {
        height: 100vh;
        background-color: #fff;
    }

    .header {
        padding: 20px;
        height: 60px;
        border: 1px solid #ededed;
    }

    #style1 {
        width: 200px;
        height: 200px;
        position: relative;
    }
</style>

</html>